<template>
  <section>
    <div class="container">
      <div class="box-lines">
        <div class="line-item flex-row">
          <div class="left"></div>
          <div class="right"></div>
        </div>
      </div>
      <div class="box-pan">
        <div class="box-shadow"></div>
      </div>
    </div>
    <div class="title">{{ data }}</div>
  </section>
</template>

<script setup lang="ts">
// 模块引入
//import { ref } from 'vue'
defineOptions({
  // 组件名称
  name: 'Thermometer',
  // 继承透传，是否继承没在子组件声明的父组件的属性
  inheritAttrs: true
})

defineProps({
  show: {
    type: Boolean,
    default: false
  },
  data: {
    type: Object,
    default: () => {},
    required: true
  }
})
</script>

<style scoped lang="scss"></style>
